<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>会员卡管理-类型管理</title>
  <link rel="stylesheet" type="text/css" href="../../../../themes/default/easyui.css">
  <link rel="stylesheet" type="text/css" href="../../../../themes/icon.css">
  <script type="text/javascript" src="../../../../easyui/js/jquery.min.js"></script>
  <script type="text/javascript" src="../../../../easyui/js/jquery.easyui.min.js"></script>
  <style>
    body {
      font-size: 14px;
      padding: 0;
      margin: 0;
    }
    a {
      display: inline-block;
      text-decoration: none;
      color: #000;
      padding: 0;
      margin: 0;
    }
    .container {
      padding: 50px;
    }
    .title-back {
      font-size: 16px;
      color: #000;
      font-weight: 700;
      margin-bottom: 30px;
    }
    .content-title {
      font-size: 14px;
      padding: 10px;
      font-weight: 700;
    }
    .search{
      background-color: #ffffff;
      border-radius: 10px;
      overflow: hidden;
    }
    .form-content{
      display: flex;
      flex-wrap: wrap;
      margin-left: 20px;
      margin-bottom: 20px;
    }
    .form-item{
      height: 30px;
      line-height: 30px;
      margin-right: 20px;
      margin-top: 20px;
    }
    .btn {
      /* width: 80px; */
      padding: 0 30px;
      height: 30px;
      line-height: 30px;
      text-align: center;
      color: #fff;
      font-size: 16px;
      background: rgba(64, 158, 255, 1);
      border-radius: 5px;
    }
    .form-item .btn.reset{
      background-color: #f56c6c;
    }
    .BtnBox {
      display: flex;
      justify-content: space-between;
      padding: 30px 50px;
    }
  </style>
</head>
<body>
  <div class="container">
    <div class="title title-back">会员卡类型管理</div>
    <div class="search">
      <form class="form-content" id="search-form" method="post">
        <div class="form-item">
          <label for="handler">会员卡名称:</label>
          <input class="easyui-validatebox" placeholder="请输入" type="text" id="handler" name="handler" style="width: 270px;height: 30px;"/>
        </div>
        <div class="form-item">
          <label for="defaultGrouping">启用状态:</label>
          <select id="defaultGrouping" class="easyui-combobox" placeholder="请选择" name="dept" style="width:270px;height: 30px;">
            <option>请选择</option>
            <option>已启用</option>
            <option>已停用</option>
          </select>
        </div>

        <div class="form-item">
          <a href="#" class="btn">查询</a>
          <a href="#" class="btn reset">重置</a>
        </div>
      </form>
      <div class="BtnBox">
        <div class="left">
          <a href="./addEdit.html" class="btn" data-options="iconCls:'icon-search'">新增</a>
          <a href="./addEdit.html" class="btn" style="background: #67c23a;">编辑</a>
          <a href="#" class="btn" style="background: #f56c6c;">删除</a>
        </div>
        <div class="right">
          <a href="./rechargeableAmount.html" class="btn">可充值金额管理</a>
        </div>
      </div>
      <div class="charges-content">
        <table class="easyui-datagrid" data-options="ctrlSelect:true,pagination:true" style="width: 1105px;">
          <thead>
            <tr>
              <th data-options="field:'a1',width:100,align:'center'">
                <input type="checkbox">
              </th>
              <th data-options="field:'a3',width:50,align:'center'">序号</th>
              <th data-options="field:'a4',width:100,align:'center'">会员卡名称</th>
              <th data-options="field:'a5',width:300,align:'center'">可充值方式</th>
              <th data-options="field:'a6',width:300,align:'center'">可充值金额</th>
              <th data-options="field:'a7',width:100,align:'center'">排序码</th>
              <th data-options="field:'a8',width:150,align:'center'">启用状态</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>
                <input type="checkbox">
              </td>
              <td>1</td>
              <td>默认分组</td>
              <td>现场充值、APP充值</td>
              <td>300元赠40元</td>
              <td>1</td>
              <td>
                <span style="color: #67c23a;">已启用</span>
              </td>
            </tr>
            <tr>
              <td>
                <input type="checkbox">
              </td>
              <td>2</td>
              <td>普通卡</td>
              <td>APP充值</td>
              <td>500元赠80元</td>
              <td>2</td>
              <td>
                <span style="color: #67c23a;">已启用</span>
              </td>
            </tr>
            <tr>
              <td>
                <input type="checkbox">
              </td>
              <td>3</td>
              <td>企业卡</td>
              <td>现场充值、APP充值</td>
              <td>1000元赠120元</td>
              <td>3</td>
              <td>
                <span  style="color:#f56c6c;">已停用</span>
              </td>

            </tr>
            <tr>
              <td>
                <input type="checkbox">
              </td>
              <td>4</td>
              <td>白金卡</td>
              <td>现场充值、APP充值</td>
              <td>1500元赠180元</td>
              <td>4</td>
              <td>
                <span  style="color:#f56c6c;">已停用</span>
              </td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
  <script>
    $(function () {
      $(".title-back").on("click", function () {
        window.location.href = './recharge-record.html'
      })
    })
  </script>
</body>
</html>
